<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> </title>
    <style>
        body {
            background-color: #EEE7E1;
        }

        .box {
            width: 280px;
           
            background-color: white;
        }

        .box h4 {
            line-height: 33px;
            background-color: #E9185A;
            color: white;
            padding-left:5px;
            margin: 0;
        }

        .box ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .box ul li {
            line-height: 22px;
         border-bottom :1px dashed #666;
            font-size: 13px;
            padding: 0 0 0 10px;

        }

        .box ul li span{
            display: inline-block;/*改为行内块*/
            width:20px;
            height: 20px;
            background-color: #373B3C;
            border-radius: 50%;
            color: white;
            text-align: center;
            margin-top:4px;
        }
        .box ul li a:link{
           text-decoration: none;
           color:black

        }
        .box ul li a:hover{
            color:#E9185A;
    
        }
        .box ul li a:hover span{
            background-color:#E9185A;
    
        }
    </style>
</head>

<body>
    <div class="box">
        <h4>大家都喜欢买的美容品</h4>
        <ul>
            <li><a href="#"><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</a></li>
            <li><a href="#"><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
            <li><a href="#"><span>3</span> OLAY玉兰油多效修护霜 50g</a></li>
            <li><a href="#"><span>4</span> 巨型一号丝瓜水320ML</a></li>
            <li><a href="#"><span>5</span> 倩碧保湿洁肤水2号 200ml</a></li>
            <li><a href="#"><span>6</span> 比度克细肤淡印霜 30g</a></li>
            <li><a href="#"><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
            <li><a href="#"><span>8</span> SK-II护肤精华露 215ml</a></li>
            <li><a href="#"><span>9</span> 欧莱雅青春密码活颜精华肌底液</a></li>
        </ul>

    </div>


</body>

</html>